<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <meta name="description" content="">
        <meta name="author" content="">
        <title>管理页面</title>
        <!-- Bootstrap core CSS -->
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <!-- Custom styles for this template -->
        <link href="/static/css/dashboard.css" rel="stylesheet">

    </head>
    <body>
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">三国人事管理页面，欢迎你：<span id="currentName"></span></a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a id="logout" href="#">退出</a></li>
                    </ul>
                    <div class="navbar-form navbar-right">
                        <input type="button" data-toggle="modal" data-target="#editModal" class="form-control" value="修改密码" id="updatepwd">
                    </div>
                </div>
            </div>
        </nav>

        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-3 col-md-2 sidebar">
                    <ul class="nav nav-sidebar">
                        <li class="active"><a href="#" id="main">首页</a></li>
                        <li><a href="#" id="visit">客户拜访</a></li>
                        <li><a href="#" id="cus">客户管理</a></li>
                        <li><a href="#" id="emp">员工管理</a></li>
                    </ul>
                </div>
                <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
                    <div style="display: block" id="body1">
                        <h1 class="page-header">欢迎使用本管理系统</h1>
                        <p id="roleid" style="display: none"></p>
                        <div class="row placeholders" style="display: none">
                            <div class="col-xs-6 col-sm-4 placeholder" id="overview_vist">
                                <img src=""
                                     width="200" height="200" class="img-responsive"
                                     alt="Generic placeholder thumbnail">
                                <h4>拜访</h4>
                                <span class="text-muted" id="cCount">Something else</span>
                            </div>
                            <div class="col-xs-6 col-sm-4 placeholder">
                                <img src=""
                                     width="200" height="200" class="img-responsive"
                                     alt="Generic placeholder thumbnail">
                                <h4>客户</h4>
                                <span class="text-muted" id="ppCount">Something else</span>
                            </div>
                            <div class="col-xs-6 col-sm-4 placeholder">
                                <img src=""
                                     width="200" height="200" class="img-responsive"
                                     alt="Generic placeholder thumbnail">
                                <h4>员工</h4>
                                <span class="text-muted" id="pCount">Something else</span>
                            </div>
                        </div>
                    </div>

                    <div id="body2" style="display: none">
                        <h2 class="sub-header">Section title</h2>
                        <div class="table-responsive">
                            <div id="toolbar" class="form-inline">
                                <button class="btn btn-primary" data-toggle="modal" data-target="#editModal"
                                        onclick="addbtn()">添加
                                </button>
                                <input class="form-control" type="text" placeholder="Search" id="searchInput">
                                <input class="btn btn-success" type="button" value="搜索" id="searchBtn">
                            </div>

                            <table class="table table-striped" id="table-request" style="clear: both">
                            </table>
                        </div>
                    </div>
                </div>


            </div>
        </div>

        <!-- 编辑窗口 -->
        <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h3 id="myModalLabel">编辑窗口</h3>
                    </div>
                    <div class="modal-body">
                        <form id="editFormVisit">
                            <table class="table table-bordered table-striped" width="800px">
                                <tr style="visibility: hidden">
                                    <td>拜访id</td>
                                    <td>
                                        <input class="form-control" name="visitId" id="visitId">
                                    </td>
                                </tr>
                                <tr>
                                    <td>客户id</td>
                                    <td>
                                        <input class="form-control" name="visitCusId" id="visitCusId">
                                    </td>
                                </tr>
                                <tr>
                                    <td>员工id</td>
                                    <td>
                                        <input class="form-control" name="visitEmpId" id="visitEmpId">
                                    </td>
                                </tr>
                                <tr>
                                    <td>内容</td>
                                    <td>
                                        <input class="form-control" name="visitContent" id="visitContent">
                                    </td>
                                </tr>
                                <tr>
                                    <td>拜访时间</td>
                                    <td>
                                        <input class="form-control" name="visitDate" id="visitDate">
                                    </td>
                                </tr>

                            </table>
                        </form>
                        <form id="editFormEmp">
                            <table class="table table-bordered table-striped" width="800px">
                                <tr style="display: none">
                                    <td>员工id</td>
                                    <td>
                                        <input class="form-control" name="empid" id="empId">
                                    </td>
                                </tr>
                                <tr>
                                    <td>用户名</td>
                                    <td>
                                        <input class="form-control" name="username" id="empUsername">
                                    </td>
                                </tr>
                                <tr>
                                    <td>密码</td>
                                    <td>
                                        <input class="form-control" name="password" id="empPassword">
                                    </td>
                                </tr>
                                <tr>
                                    <td>电话</td>
                                    <td>
                                        <input class="form-control" name="tel" id="empTel">
                                    </td>
                                </tr>
                                <tr>
                                    <td>姓名</td>
                                    <td>
                                        <input class="form-control" name="name" id="empName">
                                    </td>
                                </tr>
                                <tr>
                                    <td>邮箱</td>
                                    <td>
                                        <input class="form-control" name="email" id="empEmail">
                                    </td>
                                </tr>
                                <tr class="role">
                                    <td>角色</td>
                                    <td>
                                        <select class="form-control" id="roleSelect"></select>
                                    </td>
                                </tr>

                            </table>
                        </form>
                        <form id="editFormCus">
                            <table class="table table-bordered table-striped" width="800px">
                                <tr style="visibility: hidden">
                                    <td>客户编号</td>
                                    <td>
                                        <input class="form-control" name="cusId" id="cusId">
                                    </td>
                                </tr>
                                <tr>
                                    <td>客户姓名</td>
                                    <td>
                                        <input class="form-control" name="cusName" id="cusName">
                                    </td>
                                </tr>
                                <tr>
                                    <td>地址</td>
                                    <td>
                                        <input class="form-control" name="address" id="address">
                                    </td>
                                </tr>
                                <tr>
                                    <td>联系人</td>
                                    <td>
                                        <input class="form-control" name="contact" id="contact">
                                    </td>
                                </tr>
                                <tr>
                                    <td>电话</td>
                                    <td>
                                        <input class="form-control" name="tel" id="tel">
                                    </td>
                                </tr>
                                <tr>
                                    <td>邮箱</td>
                                    <td>
                                        <input type="email" class="form-control" name="email" id="email">
                                    </td>
                                </tr>
                                <tr>
                                    <td>对接员id</td>
                                    <td>
                                        <input type="text" class="form-control" name="empid" id="cusEmpid">
                                    </td>
                                </tr>
                            </table>
                        </form>
                        <form id="editFormShare">
                            <table class="table table-bordered table-striped" width="800px">
                                <tr>
                                    <td>客户编号</td>
                                    <td>
                                        <input class="form-control" name="cusId" id="shareCusId" readonly>
                                    </td>
                                </tr>

                                <tr>
                                    <td>你将要分享的员工id</td>
                                    <td>
                                        <input class="form-control" name="empid" id="shareEmpid">
                                    </td>
                                </tr>
                            </table>
                        </form>
                        <form id="editupdatePassword">
                            <table class="table table-bordered table-striped" width="800px">
                                <tr>
                                    <td>新密码</td>
                                    <td>
                                        <input class="form-control" name="password" id="password">
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-success" data-dismiss="modal" aria-hidden="true" onclick="edit()">保存
                        </button>
                        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <script>window.jQuery</script>
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <!--bootstrap table引入-->
        <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">
        <script src="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.js"></script>

        <script>
            //获取角色id
            var emp = "";
            var roleId = "";
            //0新增  1修改
            var modify = 0;
            //操作的form表单
            var item = "";

            //获取当前用户的角色信息
            function current() {
                $.ajax({
                    url: "/employees/current",
                    type: "post",
                    data: {},
                    dataType: "json",
                    success: function (datas) {
                        emp = datas;
                        console.log(emp);
                        roleId = datas.role.roleId;
                        console.log("roleId:" + roleId)
                        $("#roleid").text(roleId);
                        if (roleId == "3") {
                            $("#emp").css("display", "none");
                        } else {
                            $("#emp").css("display", "block");
                        }
                        if (roleId=="2"){
                            $(".role").css("display", "none");
                        } else {
                            $(".role").css("display", "block");
                        }
                        $("#currentName").text(emp.name+"("+emp.role.roleInfo+")");
                    }
                });

            }

            //提交修改信息
            function edit() {
                var datas;
                console.log("item:" + item)
                if (item == "visit") {
                    datas = {
                        "modify": modify,
                        "id": $("#visitId").val(),
                        "cusId": $("#visitCusId").val(),
                        "empid": $("#visitEmpId").val(),
                        "content": $("#visitContent").val(),
                        "date": $("#visitDate").val()
                    };
                    $.ajax({
                        url: "/employees/editVisit",
                        type: "post",
                        dataType: "text",
                        data: datas,
                        success: function (data) {
                            if (data == "success") {
                                alert("成功")
                                $('#table-request').bootstrapTable('refresh');
                            } else {
                                alert("修改失败")
                            }

                        }
                    })
                } else if (item == "cus") {
                    datas = {
                        "modify": modify,
                        "cusId": $("#cusId").val(),
                        "cusName": $("#cusName").val(),
                        "address": $("#address").val(),
                        "contact": $("#contact").val(),
                        "tel": $("#tel").val(),
                        "email": $("#email").val(),
                        "employees.empid": $("#cusEmpid").val()
                    };
                    $.ajax({
                        url: "/employees/editCus",
                        type: "post",
                        dataType: "text",
                        data: datas,
                        success: function (data) {
                            if (data == "success") {
                                alert("成功")
                                $('#table-request').bootstrapTable('refresh');
                            } else {
                                alert("修改失败")
                            }

                        }
                    })
                } else if (item == "emp") {
                    datas = {
                        "modify": modify,
                        "empid": $("#empId").val(),
                        "username": $("#empUsername").val(),
                        "password": $("#empPassword").val(),
                        "tel": $("#empTel").val(),
                        "name": $("#empName").val(),
                        "email": $("#empEmail").val(),
                        "roleId": $("#roleSelect").find("option:selected").val()
                    };

                    $.ajax({
                        url: "/managers/editEmp",
                        type: "post",
                        dataType: "text",
                        data:datas,
                        success: function (data) {
                            if (data == "success") {
                                alert("成功")
                                $('#table-request').bootstrapTable('refresh');
                            } else {
                                alert("修改失败")
                            }

                        }
                    })
                } else if (item == "share") {
                    datas = {
                        "cusId": $("#shareCusId").val(),
                        "empid": $("#shareEmpid").val()
                    };
                    $.ajax({
                        url: "/employees/share",
                        type: "post",
                        dataType: "text",
                        data: datas,
                        success: function (data) {
                            if (data == "success") {
                                alert("分享成功")
                                $('#table-request').bootstrapTable('refresh');
                            } else {
                                alert("分享失败")
                            }

                        }
                    })
                } else if (item == "updatePwd") {
                    datas = {
                        "password": $("#password").val()
                    };
                    $.ajax({
                        url: "/employees/updatePassword",
                        type: "post",
                        dataType: "text",
                        data: datas,
                        success: function (data) {
                            if (data == "success") {
                                alert("成功")
                                $('#table-request').bootstrapTable('refresh');
                            } else {
                                alert("修改失败")
                            }

                        }
                    })
                }

            }

            //添加
            function addbtn() {
                showSelect();
                modify = 0;
                if ($("#visit").parent().prop("class") == "active") {
                    item = "visit";
                    $("#editFormVisit").show();
                    $("#editFormCus").hide();
                    $("#editFormEmp").hide();
                    $("#editFormShare").hide();
                    $("#editupdatePassword").hide();
                } else if ($("#cus").parent().prop("class") == "active") {
                    item = "cus";
                    $("#editFormVisit").hide();
                    $("#editFormCus").show();
                    $("#editFormEmp").hide();
                    $("#editFormShare").hide();
                    $("#editupdatePassword").hide();
                } else if ($("#emp").parent().prop("class") == "active") {
                    item = "emp";
                    $("#editFormVisit").hide();
                    $("#editFormCus").hide();
                    $("#editFormEmp").show();
                    $("#editFormShare").hide();
                    $("#editupdatePassword").hide();
                }

                if (item == "visit") {
                    $("#visitId").val("");
                    $("#visitCusId").val("");
                    $("#visitEmpId").val("");
                    $("#visitContent").val("");
                    $("#visitDate").val("");
                } else if (item == "cus") {
                    $("#cusId").val("");
                    $("#cusName").val("");
                    $("#address").val("");
                    $("#contact").val("");
                    $("#tel").val("");
                    $("#email").val("");
                    $("#cusEmpid").val(emp.empid);
                } else if (item == "emp") {
                    $("#empId").val("");
                    $("#empUsername").val("");
                    $("#empPassword").val("");
                    $("#empTel").val("");
                    $("#empName").val("");
                    $("#empEmail").val("");
                    $("#roleSelect").find("option").attr("selected", false);
                }
            }

            //显示select中的元素
            function showSelect() {
                $.ajax({
                    url: "/role/showSelect",
                    type: "post",
                    dataType: "json",
                    data: {},
                    success: function (data) {
                        $("#roleSelect").html("");
                        $.each(data, function (i, e) {
                            $("#roleSelect").append("<option value=\"" + e.roleId + "\"> " + e.roleName + "</option>")
                        });
                    }
                })

            }

            //显示修改信息表单
            function showEdit(x) {
                showSelect();
                modify = 1;
                var id = $(x).parent().parent().children("td:nth-child(1)").html();
                console.log("id: "+id);
                if ($("#visit").parent().prop("class") == "active") {
                    item = "visit";
                    $("#editFormVisit").show();
                    $("#editFormCus").hide();
                    $("#editFormEmp").hide();
                    $("#editFormShare").hide();
                    $("#editupdatePassword").hide();
                    $.ajax({
                        url: "/employees/showOneVisit",
                        type: "post",
                        dataType: "json",
                        data: {
                            "id": id
                        },
                        success: function (data) {
                            console.log(data);
                            $("#visitId").val(data.id);
                            $("#visitCusId").val(data.customer.cusId);
                            $("#visitEmpId").val(data.employees.empid);
                            $("#visitContent").val(data.content);
                            $("#visitDate").val(data.date);
                        }
                    });
                } else if ($("#cus").parent().prop("class") == "active") {
                    item = "cus";
                    $("#editFormVisit").hide();
                    $("#editFormCus").show();
                    $("#editFormEmp").hide();
                    $("#editFormShare").hide();
                    $("#editupdatePassword").hide();
                    $.ajax({
                        url: "/employees/showOneCus",
                        type: "post",
                        dataType: "json",
                        data: {
                            "id": id
                        },
                        success: function (data) {
                            console.log(data);
                            $("#cusId").val(data.cusId);
                            $("#cusName").val(data.cusName);
                            $("#address").val(data.address);
                            $("#contact").val(data.contact);
                            $("#tel").val(data.tel);
                            $("#email").val(data.email);
                            $("#cusEmpid").val(data.employees.empid);
                        }
                    });
                } else if ($("#emp").parent().prop("class") == "active") {
                    item = "emp";
                    $("#editFormVisit").hide();
                    $("#editFormCus").hide();
                    $("#editFormEmp").show();
                    $("#editFormShare").hide();
                    $("#editupdatePassword").hide();
                    $.ajax({
                        url: "/managers/showOneEmp",
                        type: "post",
                        dataType: "json",
                        data: {
                            "id": id
                        },
                        success: function (data) {
                            console.log(data);
                            $("#empId").val(data.empid);
                            $("#empUsername").val(data.username);
                            $("#empPassword").val(data.password);
                            $("#empTel").val(data.tel);
                            $("#empName").val(data.name);
                            $("#empEmail").val(data.email);
                            $("#roleSelect").find("option[value='" + data.role.roleId + "']").attr("selected", true);
                        }
                    });
                }
            }

            //删除信息
            function deleteData(x) {
                //alert($(x).parent().parent().children("td:nth-child(1)").html());
                var id = $(x).parent().parent().children("td:nth-child(1)").html();
                var item = "";
                var r = confirm("确认删除吗？");
                if (r == true) {
                    if ($("#cus").parent().prop("class") == "active") {
                        item = "cus";
                        $.ajax({
                            url: "/employees/delOneCus",
                            type: "post",
                            dataType: "text",
                            data: {
                                "id": id
                            },
                            success: function (result) {
                                if (result == "success") {
                                    alert("删除成功");
                                    $("#table-request").bootstrapTable('refresh');
                                } else {
                                    alert("删除失败")
                                }
                            }
                        })
                    } else if ($("#emp").parent().prop("class") == "active") {
                        item = "emp";
                        $.ajax({
                            url: "/managers/delOneEmp",
                            type: "post",
                            dataType: "text",
                            data: {
                                "id": id
                            },
                            success: function (result) {
                                if (result == "success") {
                                    alert("删除成功");
                                    $("#table-request").bootstrapTable('refresh');
                                } else {
                                    alert("删除失败")
                                }
                            }
                        })
                    }
                }
            }

            //显示表格数据的方法
            function showDetail() {
                $('#table-request').bootstrapTable('destroy');   //动态加载表格之前，先销毁表格
                //根据左边选项显示表格信息
                if ($("#emp").parent().prop("class") == "active") {
                    //员工分页查询
                    if (roleId == "1") {
                        $('#table-request').bootstrapTable({
                            url: "/admin/empList",
                            pagination: true,                   //是否显示分页（*）
                            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                            pageNumber: 1,                       //初始化加载第一页，默认第一页
                            pageSize: 2,                       //每页的记录行数（*）
                            pageList: [2, 3, 5, 10],        //可供选择的每页的行数（*）
                            clickToSelect: true,                //是否启用点击选中行
                            queryParams: function queryParams(params) { //请求参数设置
                                var search = $("#searchInput").val();
                                if (search == null) search = "";

                                return {
                                    offset: params.offset,      //从数据库第几条记录开始
                                    limit: params.limit,        //找多少条
                                    //name: $(...).val()   //其他自定义参数，从页面获取
                                    item: item,
                                    search: search
                                }
                            },
                            columns: [
                                {
                                    field: 'empid',
                                    title: '编号'
                                }, {
                                    field: 'username',
                                    title: '用户名'
                                }, {
                                    field: 'password',
                                    title: '密码'
                                }, {
                                    field: 'tel',
                                    title: '电话'
                                }, {
                                    field: 'name',
                                    title: '姓名'
                                }, {
                                    field: 'email',
                                    title: '邮箱'
                                },
                                {
                                    field: 'role.roleInfo',
                                    title: '角色'
                                },
                                {
                                    field: '',
                                    title: '管理',
                                    halign: 'center',
                                    align: 'center',
                                    width: '320px',
                                    formatter: function () {
                                        return '<button class="btn btn-success" onclick="showEdit(this)" data-toggle="modal" data-target="#editModal">修改</button>' +
                                            '<button class="btn btn-danger" onclick="deleteData(this)" style="margin-left:10px">删除</button>' +
                                            '<button class="btn btn-warning" onclick="resetPassword(this)" style="margin-left:10px" >密码重置</button>';

                                    },
                                }
                            ],                     //列设置
                            toolbar: '#toolbar',                //工具按钮用哪个容器
                            //search: true,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                            showRefresh: true,                 //是否显示刷新按钮
                            uniqueId: "empid",                     //每一行的唯一标识，一般为主键列

                        });
                    } else {
                        $('#table-request').bootstrapTable({
                            url: "/managers/empList",
                            pagination: true,                   //是否显示分页（*）
                            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                            pageNumber: 1,                       //初始化加载第一页，默认第一页
                            pageSize: 2,                       //每页的记录行数（*）
                            pageList: [2, 3, 5, 10],        //可供选择的每页的行数（*）
                            clickToSelect: true,                //是否启用点击选中行
                            queryParams: function queryParams(params) { //请求参数设置
                                var search = $("#searchInput").val();
                                if (search == null) search = "";

                                return {
                                    offset: params.offset,      //从数据库第几条记录开始
                                    limit: params.limit,        //找多少条
                                    //name: $(...).val()   //其他自定义参数，从页面获取
                                    item: item,
                                    search: search
                                }
                            },
                            columns: [
                                {
                                    field: 'empid',
                                    title: '编号'
                                }, {
                                    field: 'username',
                                    title: '用户名'
                                }, {
                                    field: 'password',
                                    title: '密码'
                                }, {
                                    field: 'tel',
                                    title: '电话'
                                }, {
                                    field: 'name',
                                    title: '姓名'
                                }, {
                                    field: 'email',
                                    title: '邮箱'
                                },
                                {
                                    field: 'role.roleInfo',
                                    title: '角色'
                                },
                                {
                                    field: '',
                                    title: '管理',
                                    halign: 'center',
                                    align: 'center',
                                    width: '320px',
                                    formatter: function () {
                                        return '<button class="btn btn-success" onclick="showEdit(this)" data-toggle="modal" data-target="#editModal">修改</button>' +
                                            '<button class="btn btn-danger" onclick="deleteData(this)" style="margin-left:10px">删除</button>';

                                    },
                                }
                            ],                     //列设置
                            toolbar: '#toolbar',                //工具按钮用哪个容器
                            //search: true,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                            showRefresh: true,                 //是否显示刷新按钮
                            uniqueId: "empid",                     //每一行的唯一标识，一般为主键列

                        });
                    }
                } else if ($("#visit").parent().prop("class") == "active") {
                    //拜访分页查询
                    if (roleId == "3") {
                        $('#table-request').bootstrapTable({
                            url: "/employees/visitList",
                            type: "post",
                            pagination: true,                   //是否显示分页（*）
                            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                            pageNumber: 1,                       //初始化加载第一页，默认第一页
                            pageSize: 2,                       //每页的记录行数（*）
                            pageList: [2, 3, 5, 10],        //可供选择的每页的行数（*）
                            clickToSelect: true,                //是否启用点击选中行
                            queryParams: function queryParams(params) { //请求参数设置
                                var search = $("#searchInput").val();
                                if (search == null) search = "";

                                return {
                                    offset: params.offset,      //从数据库第几条记录开始
                                    limit: params.limit,        //找多少条
                                    //name: $(...).val()   //其他自定义参数，从页面获取
                                    item: item,
                                    search: search
                                }
                            },
                            columns: [
                                {
                                    field: 'id',
                                    title: '编号'
                                }, {
                                    field: 'content',
                                    title: '内容'
                                }, {
                                    field: 'customer.cusName',
                                    title: '客户名称'
                                }, {
                                    field: 'employees.name',
                                    title: '对接人姓名'
                                }, {
                                    field: 'date',
                                    title: '时间'
                                },
                                {
                                    field: '',
                                    title: '管理',
                                    halign: 'center',
                                    align: 'center',
                                    width: '320px',
                                    formatter: function () {
                                        return '<button class="btn btn-success" onclick="showEdit(this)" data-toggle="modal" data-target="#editModal">修改</button>';
                                    },
                                    hidden: roleId == "2"
                                }
                            ],                     //列设置
                            toolbar: '#toolbar',                //工具按钮用哪个容器
                            //search: true,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                            showRefresh: true,                 //是否显示刷新按钮
                            uniqueId: "empid",                     //每一行的唯一标识，一般为主键列
                        });

                    } else {
                        $('#table-request').bootstrapTable({
                            url: "/managers/visitList",
                            pagination: true,                   //是否显示分页（*）
                            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                            pageNumber: 1,                       //初始化加载第一页，默认第一页
                            pageSize: 2,                       //每页的记录行数（*）
                            pageList: [2, 3, 5, 10],        //可供选择的每页的行数（*）
                            clickToSelect: true,                //是否启用点击选中行
                            queryParams: function queryParams(params) { //请求参数设置
                                var search = $("#searchInput").val();
                                if (search == null) search = "";

                                return {
                                    offset: params.offset,      //从数据库第几条记录开始
                                    limit: params.limit,        //找多少条
                                    //name: $(...).val()   //其他自定义参数，从页面获取
                                    item: item,
                                    search: search
                                }
                            },
                            columns: [
                                {
                                    field: 'id',
                                    title: '编号'
                                }, {
                                    field: 'content',
                                    title: '内容'
                                }, {
                                    field: 'customer.cusName',
                                    title: '客户名称'
                                }, {
                                    field: 'employees.name',
                                    title: '对接人姓名'
                                }, {
                                    field: 'date',
                                    title: '时间'
                                },
                                {
                                    field: '',
                                    title: '管理',
                                    halign: 'center',
                                    align: 'center',
                                    width: '320px',
                                    formatter: function () {
                                        return '<button class="btn btn-success" onclick="showEdit(this)" data-toggle="modal" data-target="#editModal">修改</button>';
                                    },
                                    hidden: roleId == "2"
                                }
                            ],                     //列设置
                            toolbar: '#toolbar',                //工具按钮用哪个容器
                            //search: true,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                            showRefresh: true,                 //是否显示刷新按钮
                            uniqueId: "empid",                     //每一行的唯一标识，一般为主键列

                        });
                    }
                } else if ($("#cus").parent().prop("class") == "active") {
                    //客户分页查询
                    var empName = "";
                    if (roleId == "3") {
                        //员工客户管理
                        $('#table-request').bootstrapTable({
                            url: "/employees/cusList",
                            pagination: true,                   //是否显示分页（*）
                            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                            pageNumber: 1,                       //初始化加载第一页，默认第一页
                            pageSize: 2,                       //每页的记录行数（*）
                            pageList: [2, 3, 5, 10],        //可供选择的每页的行数（*）
                            clickToSelect: true,                //是否启用点击选中行
                            queryParams: function queryParams(params) { //请求参数设置
                                var search = $("#searchInput").val();
                                if (search == null) search = "";

                                return {
                                    offset: params.offset,      //从数据库第几条记录开始
                                    limit: params.limit,        //找多少条
                                    //name: $(...).val()   //其他自定义参数，从页面获取
                                    item: item,
                                    search: search

                                }
                            },
                            columns: [
                                {
                                    field: 'cusId',
                                    title: '编号'
                                }, {
                                    field: 'cusName',
                                    title: '姓名'
                                }, {
                                    field: 'address',
                                    title: '地址'
                                }, {
                                    field: 'contact',
                                    title: '联系人'
                                }, {
                                    field: 'tel',
                                    title: '电话'
                                }, {
                                    field: 'email',
                                    title: '邮箱'
                                },
                                {
                                    field: 'employees.name',
                                    title: '对接人'
                                },
                                {
                                    field: '',
                                    title: '管理',
                                    halign: 'center',
                                    align: 'center',
                                    width: '320px',
                                    formatter: function (value, row, index) {
                                        if (row.employees.name == emp.name) {
                                            return '<button class="btn btn-success" onclick="showEdit(this)" data-toggle="modal" data-target="#editModal">修改</button>' +
                                                '<button class="btn btn-warning" onclick="showShare(this)" style="margin-left:10px" data-toggle="modal" data-target="#editModal">分享</button>' +
                                                '<button class="btn btn-danger" onclick="deleteData(this)" style="margin-left:10px" data-toggle="modal" data-target="#editModal">删除</button>' +
                                                '<button class="btn btn-primary" onclick="showVisitEdit(this)" style="margin-left:10px" data-toggle="modal" data-target="#editModal">拜访</button>';
                                        } else {
                                            return '<button class="btn btn-primary" onclick="showVisitEdit(this)" style="margin-left:10px" data-toggle="modal" data-target="#editModal">拜访</button>';
                                        }
                                    },
                                }
                            ],                     //列设置
                            toolbar: '#toolbar',                //工具按钮用哪个容器
                            //search: true,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                            showRefresh: true,                 //是否显示刷新按钮
                            uniqueId: "empid",                     //每一行的唯一标识，一般为主键列
                        });
                    }
                    //经理客户管理
                    else if (roleId == "2") {
                        $('#table-request').bootstrapTable({
                            url: "/managers/cusList",
                            pagination: true,                   //是否显示分页（*）
                            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                            pageNumber: 1,                       //初始化加载第一页，默认第一页
                            pageSize: 2,                       //每页的记录行数（*）
                            pageList: [2, 3, 5, 10],        //可供选择的每页的行数（*）
                            clickToSelect: true,                //是否启用点击选中行
                            queryParams: function queryParams(params) { //请求参数设置
                                var search = $("#searchInput").val();
                                if (search == null) search = "";

                                return {
                                    offset: params.offset,      //从数据库第几条记录开始
                                    limit: params.limit,        //找多少条
                                    //name: $(...).val()   //其他自定义参数，从页面获取
                                    item: item,
                                    search: search

                                }
                            },
                            columns: [
                                {
                                    field: 'cusId',
                                    title: '编号'
                                }, {
                                    field: 'cusName',
                                    title: '姓名'
                                }, {
                                    field: 'address',
                                    title: '地址'
                                }, {
                                    field: 'contact',
                                    title: '联系人'
                                }, {
                                    field: 'tel',
                                    title: '电话'
                                }, {
                                    field: 'email',
                                    title: '邮箱'
                                },
                                {
                                    field: 'employees.name',
                                    title: '对接人'
                                },
                                {
                                    field: '',
                                    title: '管理',
                                    halign: 'center',
                                    align: 'center',
                                    width: '320px',
                                    formatter: function (value,row,index) {

                                        return '<button class="btn btn-success" onclick="showEdit(this)" data-toggle="modal" data-target="#editModal">修改</button>' +
                                            '<button class="btn btn-danger" onclick="deleteData(this)" style="margin-left:10px" >删除</button>'
                                    },
                                }
                            ],                     //列设置
                            toolbar: '#toolbar',                //工具按钮用哪个容器
                            //search: true,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                            showRefresh: true,                 //是否显示刷新按钮
                            uniqueId: "empid",                     //每一行的唯一标识，一般为主键列
                        });
                    } else {
                        //管理员客户管理
                        $('#table-request').bootstrapTable({
                            url: "/managers/cusList",
                            pagination: true,                   //是否显示分页（*）
                            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                            pageNumber: 1,                       //初始化加载第一页，默认第一页
                            pageSize: 2,                       //每页的记录行数（*）
                            pageList: [2, 3, 5, 10],        //可供选择的每页的行数（*）
                            clickToSelect: true,                //是否启用点击选中行
                            queryParams: function queryParams(params) { //请求参数设置
                                var search = $("#searchInput").val();
                                if (search == null) search = "";

                                return {
                                    offset: params.offset,      //从数据库第几条记录开始
                                    limit: params.limit,        //找多少条
                                    //name: $(...).val()   //其他自定义参数，从页面获取
                                    item: item,
                                    search: search

                                }
                            },
                            columns: [
                                {
                                    field: 'cusId',
                                    title: '编号'
                                }, {
                                    field: 'cusName',
                                    title: '姓名'
                                }, {
                                    field: 'address',
                                    title: '地址'
                                }, {
                                    field: 'contact',
                                    title: '联系人'
                                }, {
                                    field: 'tel',
                                    title: '电话'
                                }, {
                                    field: 'email',
                                    title: '邮箱'
                                },
                                {
                                    field: 'employees.name',
                                    title: '对接人'
                                },
                                {
                                    field: '',
                                    title: '管理',
                                    halign: 'center',
                                    align: 'center',
                                    width: '320px',
                                    formatter: function () {
                                        return '<button class="btn btn-success" onclick="showEdit(this)" data-toggle="modal" data-target="#editModal">修改</button>' +
                                            '<button class="btn btn-danger" onclick="deleteData(this)" style="margin-left:10px">删除</button>';

                                    },
                                }
                            ],                     //列设置
                            toolbar: '#toolbar',                //工具按钮用哪个容器
                            //search: true,                      //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                            showRefresh: true,                 //是否显示刷新按钮
                            uniqueId: "empid",                     //每一行的唯一标识，一般为主键列
                        });
                    }
                }


            }

            //侧边栏点击事件
            function sidebar() {
                $("#main").click(function () {
                    $("#main").parent().prop("class", "active");
                    $("#visit").parent().prop("class", "");
                    $("#cus").parent().prop("class", "");
                    $("#emp").parent().prop("class", "");

                    $("#body2").css("display", "none");
                    $("#body1").css("display", "block");

                });
                $("#visit").click(function () {
                    $("#visit").parent().prop("class", "active");
                    $("#main").parent().prop("class", "");
                    $("#cus").parent().prop("class", "");
                    $("#emp").parent().prop("class", "");

                    $(".sub-header").text("拜访管理页面");
                    $("#body1").css("display", "none");
                    $("#body2").css("display", "block");

                    showDetail();

                });
                $("#cus").click(function () {
                    $("#cus").parent().prop("class", "active");
                    $("#main").parent().prop("class", "");
                    $("#visit").parent().prop("class", "");
                    $("#emp").parent().prop("class", "");

                    $(".sub-header").text("客户管理页面");
                    $("#body1").css("display", "none");
                    $("#body2").css("display", "block");

                    showDetail();
                });
                $("#emp").click(function () {
                    $("#emp").parent().prop("class", "active");
                    $("#main").parent().prop("class", "");
                    $("#cus").parent().prop("class", "");
                    $("#visit").parent().prop("class", "");

                    $(".sub-header").text("用户管理页面");
                    $("#body1").css("display", "none");
                    $("#body2").css("display", "block");

                    showDetail();
                });
                $("#searchInput").val("");
            }

            //修改密码
            function updatePwd() {
                $("#updatepwd").click(function () {
                    item = "updatePwd"
                    $("#editFormVisit").hide();
                    $("#editFormCus").hide();
                    $("#editFormEmp").hide();
                    $("#editFormShare").hide();
                    $("#editupdatePassword").show();
                })
            }

            //重置密码
            function resetPassword(x) {
                var id = $(x).parent().parent().children("td:nth-child(1)").html();

                var r = confirm("确认重置该用户的密码吗？");
                if (r) {
                    $.ajax({
                        url: "/admin/resetPassword",
                        type: "post",
                        data: {
                            "id": id
                        },
                        dataType: "text",
                        success: function (result) {
                            if (result == "success") {
                                alert("重置成功！")
                            } else {
                                alert("重置失败！")
                            }
                        }
                    })
                }

            }

            function showVisitEdit(x) {
                var id = $(x).parent().parent().children("td:nth-child(1)").html();
                modify=0;
                item="visit";
                $("#editFormVisit").show();
                $("#editFormCus").hide();
                $("#editFormEmp").hide();
                $("#editFormShare").hide();
                $("#editupdatePassword").hide();
                $("#visitCusId").val(id);
                $("#visitEmpId").val(emp.empid);
            }

            function showShare(x) {
                var id = $(x).parent().parent().children("td:nth-child(1)").html();
                item="share";
                $("#editFormVisit").hide();
                $("#editFormCus").hide();
                $("#editFormEmp").hide();
                $("#editFormShare").show();
                $("#editupdatePassword").hide();
                $("#shareCusId").val(id);
            }

            $(function () {
                current();

                $("#logout").click(function () {
                    $.ajax({
                        url: "/employees/logout",
                        type: "post",
                        dataType: "text",
                        data: {},
                        success: function (result) {
                            window.location = "/html/index.html";
                        }
                    })
                });

                //按输入信息查询
                $("#searchBtn").click(function () {
                    if ($("#visit").parent().prop("class") == "active") {
                        if (roleId == "3") {
                            $('#table-request').bootstrapTable('refresh', {url:"/employees/visitList"});//url为后台action
                        }else {
                            $('#table-request').bootstrapTable('refresh', {url: "/managers/visitList"});//url为后台action
                        }
                    }else if ($("#emp").parent().prop("class") == "active") {
                        if (roleId == "1") {
                            $('#table-request').bootstrapTable('refresh', {url: "/admin/empList"});//url为后台action
                        }else {
                            $('#table-request').bootstrapTable('refresh', {url:"/managers/empList"});//url为后台action
                        }
                    }else if ($("#cus").parent().prop("class") == "active") {
                        if (roleId == "3") {
                            $('#table-request').bootstrapTable('refresh', {url: "/employees/cusList"});//url为后台action
                        }else {
                            $('#table-request').bootstrapTable('refresh', {url: "/managers/cusList"});//url为后台action
                        }
                    }
                });

                showSelect();

                //侧边栏点击事件
                sidebar();
                //修改密码点击按钮事件
                updatePwd();
            })
        </script>
    </body>
</html>
